<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/css/themes/icon.css"/>">
<script type="text/javascript" src="<c:url value="/js/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/easyui-lang-zh_CN.js"/>"></script>
<title>蒋路的收费页面</title>

</head>
<body>
	<script type="text/javascript"> 
	
		$(function(){			
			 		
			$("#begin_rechargeable").linkbutton({
				onClick:function(){					
					$('#see_dbegin_charge_Win').window({'title': "等待收费"});
					$("#see_dbegin_charge_Win").window('open');
				}
			});
			
			$("#ref").linkbutton({
				onClick:function(){	
					
					$("#stutab").datagrid({
						 url: 'topage'
					});
				}
			});
		
		});
	</script>
	
	<div id="rechargeable_all_btn" style="margin-bottom :8px;margin-top:5px;">
				<a id="state_rechargeable" class="easyui-linkbutton"
					data-options="iconCls:'icon-reload',plain:true">状态
				</a>
				<a id="detail_rechargeable" class="easyui-linkbutton"
					data-options="iconCls:'icon-reload',plain:true">详细
				</a>				
				<a id="begin_rechargeable" class="easyui-linkbutton"
					data-options="iconCls:'icon-reload',plain:true">开始工作
				</a>
	</div>
	<div id="reRecipett" class="easyui-tabs" style="height:420px;width:49%;Float:left;"data-options="plain:true,narrow:true">   
	<div title="Tab1" class="rechargeableRecipe" >   
			<table id="reRecipetab" class="easyui-datagrid"
					data-options="
						fitColumns:true,
						fit:true,
						rownumbers: true,
					    url: 'topage',
						border:false ,
						pagination:true,
						toolbar: '#reRecipetab_btn',
						pageSize: 15,
						pageList:[15,25,35,45]
					">
					<thead>
						<tr>
							<th class="ident" data-options="field:'iId',checkbox:true">Ic卡号</th>
							<th class="ident" data-options="field:'iName',width:10">持卡者姓名</th>
							<th class="ident" data-options="field:'iIdentityCard',width:15,editor:'textbox'">身份证号码</th>
							<th class="ident" data-options="field:'iAge'">持卡者年龄</th>
							<th class="ident" data-options="field:'iSex'">持卡者性别</th>
							<th class="ident" data-options="field:'iAddress',width:15,">家庭地址</th>
							<th class="ident" data-options="field:'iPho',width:10,">联系电话</th>
							<th class="ident" data-options="field:'iOpenTime',width:10,formatter:function(value){
		                          var unixTimestamp = new Date(value);  
		                          return unixTimestamp.toLocaleDateString();}">开户日期
		                    </th> 
						</tr>
					</thead>
			</table>
			
			<div id="reRecipetab_btn">
				<a id="reRecipetabadd" class="easyui-linkbutton"
					data-options="iconCls:'icon-add',plain:true">Ic卡开户</a> 
				<a id="reRecipetabref"
					class="easyui-linkbutton"
					data-options="iconCls:'icon-reload',plain:true">显示全部记录</a>
				<input id="reRecipetabsearch" class="easyui-searchbox" 
					data-options="menu:'#reRecipetabee',width:220,prompt:'请输入。。。。'">
			</div>
			<div id="reRecipetabee" style=" width:90px">
				<div date-options="name:'name'">性别</div>
				<div date-options="name:'name'">姓名</div>
				<div date-options="name:'name'">地址</div>
				<div date-options="name:'name'">身份证号码</div>
			</div>
	</div>
	</div>
	<div id="rechecktt" class="easyui-tabs" style="height:420px;width:49%;Float:right;"data-options="plain:true,narrow:true">   
    <div title="Tab2"class="rechargeable_check" >
		    	<table id="rechecktab" class="easyui-datagrid"
					data-options="
						fitColumns:true,
						fit:true,
						rownumbers: true,
					    url: 'topage',
						border:false ,
						pagination:true,
						toolbar: '#recheck_btn',
						pageSize: 15,
						pageList:[15,25,35,45]
					">
					<thead>
						<tr>
							<th class="ident" data-options="field:'iId',checkbox:true">Ic卡号</th>
							<th class="ident" data-options="field:'iName',width:10">持卡者姓名</th>
							<th class="ident" data-options="field:'iIdentityCard',width:15,editor:'textbox'">身份证号码</th>
							<th class="ident" data-options="field:'iAge'">持卡者年龄</th>
							<th class="ident" data-options="field:'iSex'">持卡者性别</th>
							<th class="ident" data-options="field:'iAddress',width:15,">家庭地址</th>
							<th class="ident" data-options="field:'iPho',width:10,">联系电话</th>
							<th class="ident" data-options="field:'iOpenTime',width:10,formatter:function(value){
		                          var unixTimestamp = new Date(value);  
		                          return unixTimestamp.toLocaleDateString();}">开户日期
		                    </th> 
						</tr>
					</thead>
			</table>
			
			<div id="recheck_btn">
				<a id="recheckadd" class="easyui-linkbutton"
					data-options="iconCls:'icon-add',plain:true">Ic卡开户</a> 
				<a id="recheckref"
					class="easyui-linkbutton"
					data-options="iconCls:'icon-reload',plain:true">显示全部记录</a>
				<input id="rechecksearch" class="easyui-searchbox" 
					data-options="menu:'#recheckee',width:220,prompt:'请输入。。。。'">
			</div>
			<div id="recheckee" style=" width:90px">
				<div date-options="name:'name'">性别</div>
				<div date-options="name:'name'">姓名</div>
				<div date-options="name:'name'">地址</div>
				<div date-options="name:'name'">身份证号码</div>
			</div>
	</div>
	</div>
    <div id="see_dbegin_charge_Win" class="easyui-window" style="padding: 10px; line-height: 150%;" data-options="
			width: 800,
			height: 500,
			href: 'tojl_begin_charge',
			closed: true
		">			
	</div>
</body>
</html>